<ion-header>
  <ion-toolbar>

    <ion-buttons slot="start">
      <!-- <ion-back-button defaultHref="/tabs/tab1" text="返回" icon="add"></ion-back-button> -->



      <ion-back-button defaultHref="/tabs/tab1" text="返回"></ion-back-button> 
    </ion-buttons>

    <ion-title>toolbar导航</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>


  <ion-list>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Peperoni</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Hawaii</ion-label>
    </ion-item>
  </ion-list>

</ion-content>

<ion-footer>

  <ion-toolbar color="success">

    <ion-buttons slot="start">
      <ion-button>
        <ion-icon slot="start" name="add"></ion-icon>
        Click me
      </ion-button>
    </ion-buttons>
    <ion-title>底部导航</ion-title>
    <ion-buttons slot="end">
          <ion-button>
            <ion-icon slot="icon-only" name="add"></ion-icon>
          </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>